message-tray: use a style class for summary-mode actor

We want to use the same style class for the message tray ghost.

https://bugzilla.gnome.org/show_bug.cgi?id=690174

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index c0c6aa935daf1caf07c83f07f400dde4ea72c42b..d14c3e89f46ccef37c9df938522dfc7c647f325b 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1309,6 +1309,10 @@ StScrollBar StButton#vhandle:active {
     outline: 1px solid rgba(128, 128, 128, 0.3);
 }
 
+.message-tray-summary {
+    height: 72px;
+}
+
 .no-messages-label {
     font-family: cantarell, sans-serif;
     font-size: 11pt;
@@ -1537,10 +1541,6 @@ StScrollBar StButton#vhandle:active {
     border-radius: 4px;
 }
 
-#summary-mode {
-    height: 72px;
-}
-
 .summary-source-button {
     padding: 6px 3px 6px 3px;
 }

diff --git a/js/ui/messageTray.js b/js/ui/messageTray.js
index e72e959fca6e97365c7ca4f6a00a7c3b2f696eb7..ec93ce81eb89c8dd1a246c32b16c465a2a1b1744 100644 (file)
--- a/js/ui/messageTray.js
+++ b/js/ui/messageTray.js
@@ -1412,7 +1412,7 @@ const MessageTray = new Lang.Class({
             actor.grab_key_focus();
         }));
         global.focus_manager.add_group(this.actor);
-        this._summary = new St.BoxLayout({ name: 'summary-mode',
+        this._summary = new St.BoxLayout({ style_class: 'message-tray-summary',
                                            reactive: true,
                                            track_hover: true,
                                            x_align: Clutter.ActorAlign.END,